<template>
    <layout-default
            name="setting"
            :loaded="true">
        <van-cell-group title="常用">
            <van-cell>
                <template slot="title">
                    <i class="iconfont icon-xiaoxi"></i>
                    <span class="custom-title">接收公众号提醒</span>
                </template>
                <van-switch v-model="checked" size="20px"/>
            </van-cell>
            <van-cell is-link>
                <template slot="title">
                    <i class="iconfont icon-houtaishezhi"></i>
                    <span class="custom-title">关注小程序</span>
                </template>
            </van-cell>
        </van-cell-group>
        <van-cell-group title="系统">
            <van-cell is-link>
                <template slot="title">
                    <i class="iconfont icon-tuichu"></i>
                    <span class="custom-title">退出登录</span>
                </template>
            </van-cell>
        </van-cell-group>
    </layout-default>
</template>

<script>
    export default {
        data () {
            return {
                checked: true
            }
        }
    }
</script>

<style lang="less">
    .setting{
        .van-cell__title{
            display: flex;
            align-items: center;
            i{
                font-size: 40px;
            }
        }
    }
</style>